<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商场</title>

    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <!--link:fa + tab键-->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2960521_rqz39d8moo.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/topnav.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/banner2.css">
    <link rel="stylesheet" href="./css/footer.css">

</head>

<body>
    <!-- 顶部导航开始 -->
    <div class="topnav">
        <div class="container clearfix">
            <ul class="fl topnav-menu">
                <!-- 左边的导航区域 -->
                <li class="fl"><a href="">小米商城</a></li>
                <li class="fl"><a href="">MIUI</a></li>
                <li class="fl"><a href="">IoT</a></li>
                <li class="fl"><a href="">云服务</a></li>
                <li class="fl"><a href="">天星数科</a></li>
                <li class="fl"><a href="">有品</a></li>
                <li class="fl"><a href="">小爱开放平台</a></li>
                <li class="fl"><a href="">企业团购</a></li>
                <li class="fl"><a href="">资质证照</a></li>
                <li class="fl"><a href="">协议规则</a></li>
                <li class="fl"><a href="">下载app</a></li>
                <li class="fl"><a href="">智能生活</a></li>
                <li class="fl"><a href="">Select Location</a></li>
            </ul>
            <div class="fr clearfix">
                <!-- 右边的导航区域 -->
                <ul class="fl topnav-menu">
                    <li class="fl"><a href="">登录</a></li>
                    <li class="fl"><a href="">注册</a></li>
                    <li class="fl"><a href="">消息通知</a></li>
                </ul>
                <div class="fl topnav-car">
                    <a href="">
                        <i class="iconfont i-car"></i>
                        <span>购物车（0）</span>
                    </a>
                    <div class="car-detail">
                        购物车中还没商品，赶紧选购吧！
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 顶部导航结束 -->


    <!-- 页头开始 -->
    <div class="header">
        <div class="container clearfix">
            <a href="" class="logo fl">
                <h1>小米</h1>
            </a>
            <div class="header-menu fl">
                <a class="fl" href="">小米手机</a>
                <a class="fl" href="">红米手机</a>
                <a class="fl" href="">电视</a>
                <a class="fl" href="">笔记本</a>
                <a class="fl" href="">平板</a>
                <a class="fl" href="">家电</a>
                <a class="fl" href="">路由器</a>
                <a class="fl" href="">服务</a>
                <a class="fl" href="">社区</a>
                <!-- 二级菜单要写在这 -->
                <div class="header-submenu">
                    <div class="container clearfix">
                        <a href="" class="fl">
                            <div class="header-cover">
                                <img src="./img/product.webp" alt="">
                            </div>
                            <div class="header-name">Redmi Note11 5G</div>
                            <div class="header-price">1999元起</div>
                        </a>
                        <a href="" class="fl">
                            <div class="header-cover">
                                <img src="./img/product.webp" alt="">
                            </div>
                            <div class="header-name">Redmi Note11 5G</div>
                            <div class="header-price">1999元起</div>
                        </a>
                        <a href="" class="fl">
                            <div class="header-cover">
                                <img src="./img/product.webp" alt="">
                            </div>
                            <div class="header-name">Redmi Note11 5G</div>
                            <div class="header-price">1999元起</div>
                        </a>
                        <a href="" class="fl">
                            <div class="header-cover">
                                <img src="./img/product.webp" alt="">
                            </div>
                            <div class="header-name">Redmi Note11 5G</div>
                            <div class="header-price">1999元起</div>
                        </a>
                        <a href="" class="fl">
                            <div class="header-cover">
                                <img src="./img/product.webp" alt="">
                            </div>
                            <div class="header-name">Redmi Note11 5G</div>
                            <div class="header-price">1999元起</div>
                        </a>
                        <a href="" class="fl">
                            <div class="header-cover">
                                <img src="./img/product.webp" alt="">
                            </div>
                            <div class="header-name">Redmi Note11 5G</div>
                            <div class="header-price">1999元起</div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 搜索框 -->
            <form class="header-search fr"><!-- 用form表单便于回车时提交表单 -->
                <input class="fl" type="text" placeholder="手机"/>
                <button class="header-searchico fl">
                    <i class="iconfont 
                    i-fangdajing "></i>
                </button>
                <div class="header-suggest">
                    <a class="" href="">全部商品</a>
                    <a class="" href="">手机</a>
                    <a class="" href="">耳机</a>
                    <a class="" href="">加湿器</a>
                    <a class="" href="">笔记本</a>

                </div>
              </form>
        </div>
        
    </div>
    <!-- 页头结束 -->


    <!-- banner开始 -->
    <div class="container banner">
        <a href="" class="cover">
            <img src="./img/banner.jpeg" alt="">
        </a>
        <div class="banner-pointer banner-pointer-left">
            <i class="iconfont i-left"></i>
        </div>
        <div class="banner-pointer banner-pointer-right">
            <i class="iconfont i-right"></i>
        </div>
        <div class="banner-dots">
            <span class="fl"></span>
            <span class="fl selected"></span>
            <span class="fl"></span>
        </div>


        <ul class="banner-menu">
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">手机</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">电视</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">笔记本 平板</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">家电</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">出行 穿戴</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">智能 路由器</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">电源 配件</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">健康 儿童</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">耳机 音箱</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">生活 箱包</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
              </div>
            </li>
          </ul>
          
    </div>

    <!-- banner结束 -->


    <!-- banner2开始 -->
    <div class="container banner2">
        <div class="banner2-service fl">
            <a href="" class="fl">
              <i class="iconfont i-shijian"></i>
              保障服务
            </a>
            <a href="" class="fl">
              <i class="iconfont i-qiye"></i>
              企业团购
            </a>
            <a href="" class="fl">
              <i class="iconfont i-Fma"></i>
              F码通道
            </a>
            <a href="" class="fl">
              <i class="iconfont i-Sim-Card"></i>
              米粉卡
            </a>
            <a href="" class="fl">
              <i class="iconfont i-yijiuhuanxin"></i>
              以旧换新
            </a>
            <a href="" class="fl">
              <i class="iconfont i-chongzhi"></i>
              话费充值
            </a>
          </div>
          <a href="" class=""><img src="./img/banner1.jpg" alt=""></a>
          <a href="" class=""><img src="./img/banner2.jpg" alt=""></a>
          <a href="" class=""><img src="./img/banner3.jpg" alt=""></a>
    </div>
    <!-- banner2结束 -->


    <div class="footer">
        <div class="container">
            <div class="footertop">
                <a class="fl" href="">
                    <i class="iconfont i-weixiu1"></i>
                    预约维修服务
                  </a>
                  <a class="fl" href="">
                    <i class="iconfont i-7tianwuliyoutuihuo"></i>
                    7天无理由退货
                  </a>
                  <a class="fl" href="">
                    <i class="iconfont i-tian"></i>
                    15天免费换货
                  </a>
                  <a class="fl" href="">
                    <i class="iconfont i-liwu"></i>
                    满69包邮
                  </a>
                  <a class="fl" href="">
                    <i class="iconfont i-didian"></i>
                    520余家售后网点
                  </a>
            </div>
            <div class="footerbottom">
                <div class="footer-links fl">
                    <h3>帮助中心</h3>
                    <a href="">账号管理</a>
                    <a href="">购物指南</a>
                    <a href="">订单操作</a>
                  </div>
                  <div class="footer-links fl">
                    <h3>服务支持</h3>
                    <a href="">售后政策</a>
                    <a href="">自助服务</a>
                    <a href="">相关下载</a>
                  </div>
                  <div class="footer-links fl">
                    <h3>线下门店</h3>
                    <a href="">小米之家</a>
                    <a href="">服务网点</a>
                    <a href="">授权体验店/专区</a>
                  </div>
                  <div class="footer-links fl">
                    <h3>关于小米</h3>
                    <a href="">了解小米</a>
                    <a href="">加入小米</a>
                    <a href="">投资者关系</a>
                    <a href="">企业社会责任</a>
                    <a href="">廉洁举报</a>
                  </div>
                  <div class="footer-links fl">
                    <h3>关注我们</h3>
                    <a href="">新浪微博</a>
                    <a href="">官方微信</a>
                    <a href="">联系我们</a>
                    <a href="">公益基金会</a>
                  </div>
                  <div class="footer-links fl">
                    <h3>特色服务</h3>
                    <a href="">F 码通道</a>
                    <a href="">礼物码</a>
                    <a href="">防伪查询</a>
                  </div>
            </div>
        </div>
    </div>

</body>

</html>